<!DOCTYPE html>
<html>
<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>${title!"艺术上海"}</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="${keywords?if_exists}" />
    <meta name="description" content="${description?if_exists}" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/works/index.css" rel="stylesheet" />
    <link href="/static/css/header/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/js/swiper/swiper.min.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>
    <style>



        .visit-box{
            background: var(--bcolor);
            padding:var(--bigger);
        }

        .visit-box ul{
            display: flex;

        }

        .visit-icon{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 4rem;
        }

        .visit-box ul li{
            width: 33.33333%;
            padding: 2rem;
            margin: 10px;
            background: white;
            border-radius: .5rem;
            border-left:var(--bcolor) solid 1px;
            box-shadow: 10px 10px 10px rgba(0,0,0,.1);
        }

        .visit-box ul li:first-child{
            border-left: none;
        }

        .visit-box ul li img{
            height:3rem;
            width: auto;
        }

        .visit-btn{
            display: flex;
        }
        .visit-btn>div:first-child{
            border-left: none;
        }
        .visit-btn>div{
            width: 50%;
            border-left:var(--bcolor) solid 1px;
            padding:var(--bigger);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--mid);
        }


    </style>
</head>
<body>
<!-- header -->
<@netCommon.commonHeader "展会动态" menu i18n/>

<div class="" id="allmap" style="width:100%; margin-top: 90px; height: 60vh;  background: #eee;">
    
</div>
<div class=""  style="width: 100%;   background: #eee;">
<div class="visit-box" style="padding:30px;">
    <ul>
        <li>
            <div class="visit-box-info">
                <div class="visit-icon">
                    <h2>地铁</h2><img src="https://www.art021.org/wp-content/themes/art021/img/subway.svg">
                </div>
                <div class="text">
                    <p>乘坐地铁2、7号线静安寺站8号出口，步行即可到达。</p>
                </div>
            </div>
        </li>
        <li>
            <div class="visit-box-info">
                <div class="visit-icon">
                    <h2>公交</h2><img src="https://www.art021.org/wp-content/themes/art021/img/bus.svg">
                </div>
                <div class="text">
                    <p>乘坐公交71路到上海展览中心站，步行即可到达。</p>
                </div>
            </div>
        </li>
        <li>
            <div class="visit-box-info">
                <div class="visit-icon">
                    <h2>停车</h2><img src="https://www.art021.org/wp-content/themes/art021/img/pa.svg">
                </div>
                <div class="text">
                    <p>停车可停至延安中路1000号上海展览中心5号门处停车场。</p>
                </div>
            </div>
        </li>

    </ul>
</div>
</div>
<!-- footer -->
<@netCommon.commonFooter footer friendLink copyright i18n/>

<!-- script -->
<@netCommon.commonScript />

<script src="https://webapi.amap.com/maps?v=1.4.15&key=270eb15a77ab2e9023c0b2bf164c4fd6"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

<script>
    var map = new AMap.Map('allmap', {
        center: [121.489934, 31.181656],
        zoom: 17,
        scrollWheel: false
    });
    map.setMapStyle('amap://styles/7254143cb7d15a0e0499a5f800036880');
    AMapUI.setDomLibrary($);
    AMapUI.loadUI(['control/BasicControl'], function (BasicControl) {
        map.addControl(new BasicControl.Zoom({
            position: { bottom: '30px', right: '30px' }, //left top，左上角
            showZoomNum: false //显示zoom值
        }));
    });
</script>





</body>
</html>
